<div class="tab">
  <ul>
    <li><a href="#tab1">엑셀입력</a></li>
    <li><a href="#tab2">직접입력</a></li>
  </ul>
  <div id="tab1">
    <section class="accordion">
      <h4>반출금지구역 등록</h4>
      <div>
        <div class="btn_fr">
          <button type="button close_btn">반출금지구역 업로드 양식 다운로드</button>
        </div>
        <form>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" class="searchTb">
            <tr>
              <th scope="row">반출금지구역 파일 업로드</th>
              <td colspan="3"><label for="fileField"></label>
                <input type="file" name="fileField" id="fileField" /></td>
            </tr>
          </table>
          <div class="btn_dp">
            <button type="button" onclick="loadData()">전송</button>
          </div>
        </form>
      </div>
    </section>
    <section class="accordion">
      <h4>반출금지구역 업로드 목록</h4>
      <div class="ui-content-grid">
        <table id="regist_list">
        </table>
        <div id="regist_pager"> </div>
      </div>
    </section>
    <script type="text/javascript">
    
            jQuery("#regist_list").jqGrid({        
                url:'/sample/data10.json',
                datatype: "json",
                colModel:[
				 {name:'반출금지구역번호' ,	width:50, 	align:"center"}
				,{name:'관리기관행정코드' ,	width:70, 	align:"center" , editable:true}
				,{name:'관리행정기관' ,	width:100, 	align:"center" , editable:true}
				,{name:'행정구역코드' ,	width:90, 	align:"left" , editable:true}
				,{name:'시도' ,	width:70, 	align:"center" , editable:true}
				,{name:'시군구' ,	width:70, 	align:"center" , editable:true}
				,{name:'면동' ,	width:70, 	align:"center"	, editable:true}
				,{name:'리' ,	width:70, 	align:"center"	, editable:true}
				,{name:'발생면적' ,	width:100, 	align:"center", editable:true}
				,{name:'등록해제여부' ,	width:50, 	align:"center", editable:true}
				,{name:'등록해제일시' ,	width:100, 	align:"center", editable:true}
				,{name:'반출금지구역비고' ,	width:100, 	align:"center", editable:true}
				,{name:'등록자ID' ,	width:100, 	align:"center", editable:true}
				,{name:'등록일시' ,	width:100, 	align:"center", editable:true}
				,{name:'수정자ID' ,	width:100, 	align:"center", editable:true}
				,{name:'수정일시' ,	width:100, 	align:"center", editable:true}

			]
                , rowNum:20
                , rowList:[10,20,30]
                , pager: '#regist_pager'
                , viewrecords: true
                , caption : ''
                , autowidth : true
                , shrinkToFit : false
                , forceFit : true
            });
            jQuery("#regist_list").jqGrid('navGrid','#pjmap',{edit:false,add:false,del:false});
            jQuery("#regist_list").jqGrid("setFrozenColumns");
            jQuery("#regist_list").jqGrid("gridResize");			
            </script>
    <section class="accordion">
      <h4>업로드 오류목록</h4>
      <div class="ui-content-grid">
		<table id="regist_error_list"></table>
        <div id="regist_error_paper"></div>
        <div class="btn_dp">
          <button type="button" onclick="loadData()">저장 </button>
          <button type="button" class="close">닫기</button>
        </div>
      </div>
    </section>
    <script type="text/javascript">
		 jQuery("#regist_error_list").jqGrid({        
                url:'/sample/data11.json',
                datatype: "json",
                colModel:[
					 {name:'반출금지구역번호' ,	width:100, 	align:"center"}
                    ,{name:'행' ,	width:100, 	align:"center"}
                    ,{name:'열' ,	width:100, 	align:"center"}
                    ,{name:'오류내용' ,	width:300, 	align:"left"}
                ]
                , rowNum:20
                , rowList:[10,20,30]
                , pager: '#regist_error_paper'
                , viewrecords: true
                , caption : ''
				, height : '100px'
                , autowidth : true
//                , shrinkToFit : false
            });
            jQuery("#regist_error_list").jqGrid('navGrid','#regist_error_paper',{edit:false,add:false,del:false});
            jQuery("#regist_error_list").jqGrid("setFrozenColumns");
			jQuery("#regist_error_list").jqGrid("gridResize");
			
	</script> 
  </div>
  <div id="tab2">
    <form name="form1" method="post" action="">
      <table width="100%" cellpadding="0" cellspacing="0" class="searchTb">
        <col width="139" />
        <col width="390" />
        <tr>
          <th>지역선택</th>
          <td ><select name="select" id="select">
                <option selected="selected">전체</option>
                <option>서울특별시</option>
                <option>경기도</option>
                <option>강원도</option>
              </select>
              <select name="select2" id="select2">
                <option>전체</option>
                <option>유성구</option>
                <option>서구</option>
                <option>동구</option>
              </select>
              <select name="select3" id="select3">
                <option>전체</option>
                <option>구암동</option>
                <option>둔산동</option>
                <option>월평동</option>
              </select></td>
        </tr>
        <tr>
          <th> 행정구역코드</th>
          <td ><input type="text" name="textfield10" id="textfield10" /></td>
        </tr>
        <tr>
          <th >관리기관</th>
          <td ><label for="select"></label>
            <select name="select" id="select">
              <option selected="selected">국립산림과학원</option>
            </select> <button type="button" class="close">기관검색</button></td>
        </tr>
       <tr>
          <th> 면적</th>
          <td ><input type="text" name="textfield10" id="textfield10" /> ha</td>
        </tr>
       
         <tr>
          <th> 등록일</th>
          <td ><input type="text" name="textfield10" id="textfield10" class="datepicker"/></td>
        </tr>
        <tr>
          <th>비고</th>
          <td ><textarea name="textarea" id="textarea" cols="45" rows="20">산100-1</textarea></td>
        </tr>
      </table>
      <div class="btn_dp">
        <button type="button">저장</button>
        <button type="button">닫기</button>
      </div>
    </form>
  </div>
</div>
